<template style="overflow-y:auto;">
    <form method="post">
        <div style="width: 100%">
            <div style="width: 5px; height: 100%; float: left; background-color: #356cb3"><font style="font-size: 30px">&nbsp;</font></div>
            <div style="width: 50%; height: 100%; float: left"><font style="font-size: 25px; font-family: 微软雅黑">基本信息</font></div>
            <div style="width: 45.8%; height: 100%; float: left; text-align: right; margin-right: 5px">
                <font style="font-size: 20px; font-family: 微软雅黑; color: #356cb3">单位：万元、公顷</font>
            </div>
            <div style="width: 4%; height: 100%; float: right; text-align: right"></div>
        </div>
        <!-- <el-divider class="divider_top"></el-divider> -->
        <div>
            <el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="200px" class="demo-ruleForm">
                <el-row>
                    <el-col :span="24">
                        <el-form-item label="项目名称" prop="xmname" style="width: 96%">
                            <el-input v-model="ruleForm.xmname" placeholder="请填写项目名称" :disabled="true"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="部系统备案号" prop="xtbah">
                            <el-input v-model="ruleForm.xtbah" style="width: 90%"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="验收日期" prop="ysdate">
                            <el-date-picker
                                type="date"
                                placeholder="选择日期"
                                v-model="ruleForm.ysdate"
                                style="width: 90%"
                            ></el-date-picker>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="验收单位" prop="ysdw">
                            <el-input v-model="ruleForm.ysdw" placeholder="" style="width: 90%"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="验收文号" prop="yswh">
                            <el-input v-model="ruleForm.yswh" placeholder="" style="width: 90%"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="是否涉林" prop="sfsl">
                            <el-select v-model="ruleForm.sfsl" placeholder="请选择" style="width: 90%">
                                <el-option label="是" value="y"></el-option>
                                <el-option label="否" value="n"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="是否发布林权证" prop="sflqz">
                            <el-select v-model="ruleForm.sflqz" placeholder="请选择" style="width: 90%">
                                <el-option label="是" value="y"></el-option>
                                <el-option label="否" value="n"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="是否属于耕作层剥离再利用项目" prop="sfzly">
                            <el-select v-model="ruleForm.sfzly" placeholder="请选择" style="width: 90%">
                                <el-option label="是" value="y"></el-option>
                                <el-option label="否" value="n"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="剥离的建设项目名称" prop="blxmmc">
                            <el-input v-model="ruleForm.blxmmc" style="width: 90%"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="建设项目剥离的总土方量（立方米）" prop="blztfl">
                            <el-input v-model="ruleForm.blztfl" style="width: 90%"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="该项目使用的土方量（立方米）" prop="sytfl">
                            <el-input v-model="ruleForm.sytfl" style="width: 90%"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-row>
                    <el-col :span="12">
                        <el-form-item label="覆土所涉资金" prop="ftje">
                            <el-input v-model="ruleForm.ftje" style="width: 90%"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>
                <!-- <div id="asdaf" align="center" style="width:80%;"> -->

                <el-tabs type="border-card" id="id_tabs">
                    <!-- 实际投资信息 -->
                    <el-tab-pane>
                        <span slot="label" class="tabPaneJhtz"><font class="lableFont"> 实际投资信息</font></span>
                        <div style="height: 8px"></div>
                        <div class="app-container">
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="实际总投资" prop="tz_ztz">
                                        <el-input v-model="ruleForm.tz_ztz" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="地方资金" prop="tz_dfzj">
                                        <el-input v-model="ruleForm.tz_dfzj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="中央分成新增建设用地有偿使用费" prop="tz_zyfc">
                                        <el-input v-model="ruleForm.tz_zyfc" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="地方留成新增建设用地有偿使用费" prop="tz_dffc">
                                        <el-input v-model="ruleForm.tz_dffc" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="耕地开垦费" prop="tz_kkf">
                                        <el-input v-model="ruleForm.tz_kkf" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="自行补充耕地资金" prop="tz_bczj">
                                        <el-input v-model="ruleForm.tz_bczj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="农业土地开发土地出让收入部分" prop="tz_crsr">
                                        <el-input v-model="ruleForm.tz_crsr" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="土地复垦费" prop="tz_tdfkf">
                                        <el-input v-model="ruleForm.tz_tdfkf" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="土地复垦义务人投资" prop="tz_ywrtz">
                                        <el-input v-model="ruleForm.tz_ywrtz" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="其他资金" prop="tz_qtzj">
                                        <el-input v-model="ruleForm.tz_qtzj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                        </div>
                    </el-tab-pane>

                    <!-- 实际建设信息 -->
                    <el-tab-pane>
                        <span slot="label" class="tabPaneJhjs"><font class="lableFont"> 实际建设信息</font></span>
                        <div style="height: 8px"></div>
                        <div class="app-container">
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="实际建设总规模" prop="js_zgm">
                                        <el-input v-model="ruleForm.js_zgm" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="开发规模" prop="js_kfgm">
                                        <el-input v-model="ruleForm.js_kfgm" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="整理规模" prop="js_zjgm">
                                        <el-input v-model="ruleForm.js_zjgm" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="基本农田整理规模" prop="js_jbntgm">
                                        <el-input v-model="ruleForm.js_jbntgm" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="复垦规模" prop="js_fkgm">
                                        <el-input v-model="ruleForm.js_fkgm" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="灾后恢复耕地面积" prop="js_zhhfmj">
                                        <el-input v-model="ruleForm.js_zhhfmj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="实际建成高标准农田规模" prop="js_gbznlgm">
                                        <el-input v-model="ruleForm.js_gbznlgm" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="高标准基本农田所属年度" prop="js_gbzssnd">
                                        <el-input v-model="ruleForm.js_gbzssnd" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="高标准基本农田建设条件" prop="js_gbzjstj">
                                        <el-input v-model="ruleForm.js_gbzjstj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="实际可用于占补平衡面积" prop="js_phmj">
                                        <el-input v-model="ruleForm.js_phmj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="实际可用于占补平衡水田面积" prop="js_stmj">
                                        <el-input v-model="ruleForm.js_stmj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="实际可用于占补平衡旱地面积" prop="js_hdmj">
                                        <el-input v-model="ruleForm.js_hdmj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <div class="jsxx_title">新增耕地面积情况：</div>
                            <br />
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="中央分配的新增费资金新增耕地面积" prop="js_1zyfc">
                                        <el-input v-model="ruleForm.js_1zyfc" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="农业土地开发的土地出让收入耕地面积" prop="js_1tdcr">
                                        <el-input v-model="ruleForm.js_1tdcr" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="地方留成新增费资金新增耕地面积" prop="js_1dflc">
                                        <el-input v-model="ruleForm.js_1dflc" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="土地复垦义务人投资新增耕地面积" prop="js_1ywrtz">
                                        <el-input v-model="ruleForm.js_1ywrtz" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="土地复垦费新增耕地面积" prop="js_1tdfkf">
                                        <el-input v-model="ruleForm.js_1tdfkf" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="其他资金新增耕地面积" prop="js_1qtzj">
                                        <el-input v-model="ruleForm.js_1qtzj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="耕地开垦费新增耕地面积" prop="js_1gdkkf">
                                        <el-input v-model="ruleForm.js_1gdkkf" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="自行补充耕地资金新增耕地面积" prop="js_1zxbc">
                                        <el-input v-model="ruleForm.js_1zxbc" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <div class="jsxx_title">实际新增耕地：</div>
                            <br />
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="新增耕地面积" prop="js_2gdmj">
                                        <el-input v-model="ruleForm.js_2gdmj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="新增耕地平均质量等别" prop="js_2zldb">
                                        <el-input v-model="ruleForm.js_2zldb" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="新增耕地中水田面积" prop="js_2stmj">
                                        <el-input v-model="ruleForm.js_2stmj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="水田等级" prop="js_2stdj">
                                        <el-input v-model="ruleForm.js_2stdj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="新增耕地中旱地面积" prop="js_2htmj">
                                        <el-input v-model="ruleForm.js_2htmj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="旱地等级" prop="js_2htdj">
                                        <el-input v-model="ruleForm.js_2htdj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="新增耕地中水浇地面积" prop="js_2sjdmj">
                                        <el-input v-model="ruleForm.js_2sjdmj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="新增产能指标" prop="js_2cjzb">
                                        <el-input v-model="ruleForm.js_2cjzb" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="净新增耕地面积" prop="js_2jxzmj">
                                        <el-input v-model="ruleForm.js_2jxzmj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <div class="jsxx_title">实际提质改造：</div>
                            <br />
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="提质改造面积" prop="js_3gzmj">
                                        <el-input v-model="ruleForm.js_3gzmj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="旱地改水田面积" prop="js_3hzsmj">
                                        <el-input v-model="ruleForm.js_3hzsmj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="提质改造前水田面积" prop="js_3gzqstmj">
                                        <el-input v-model="ruleForm.js_3gzqstmj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="提质改造前水田等级" prop="js_3gzqstdj">
                                        <el-input v-model="ruleForm.js_3gzqstdj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="提质改造后水田面积" prop="js_3gzhstmj">
                                        <el-input v-model="ruleForm.js_3gzhstmj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="提质改造后水田等级" prop="js_3gzhstdj">
                                        <el-input v-model="ruleForm.js_3gzhstdj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="提质改造前旱地面积" prop="js_3gzqhdmj">
                                        <el-input v-model="ruleForm.js_3gzqhdmj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="提质改造前旱地等级" prop="js_3gzqhddj">
                                        <el-input v-model="ruleForm.js_3gzqhddj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="提质改造后旱地面积" prop="js_3gzhhdmj">
                                        <el-input v-model="ruleForm.js_3gzhhdmj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="提质改造后旱地等级" prop="js_3gzhhddj">
                                        <el-input v-model="ruleForm.js_3gzhhddj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="提质改造前平均质量等别" prop="js_3gzqpjdj">
                                        <el-input v-model="ruleForm.js_3gzqpjdj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="提质改造后平均质量等别" prop="js_3gzhpjdj">
                                        <el-input v-model="ruleForm.js_3gzhpjdj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="改造为水浇地面积" prop="js_3sjdmj">
                                        <el-input v-model="ruleForm.js_3sjdmj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="提升产能指标" prop="js_3cnzb">
                                        <el-input v-model="ruleForm.js_3cnzb" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                        </div>
                    </el-tab-pane>

                    <!-- 实际工程量 -->
                    <el-tab-pane>
                        <span slot="label" class="tabPaneJhxz"><font class="lableFont"> 实际工程量</font></span>
                        <div style="height: 8px"></div>
                        <div class="app-container">
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="土地平整面积" prop="gcl_tdpz">
                                        <el-input v-model="ruleForm.gcl_tdpz" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="土方工程量（立方米）" prop="gcl_tfgcl">
                                        <el-input v-model="ruleForm.gcl_tfgcl" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="农田防护林工程量（株）" prop="gcl_ntbh">
                                        <el-input v-model="ruleForm.gcl_ntbh" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="泵站（座）" prop="gcl_bz">
                                        <el-input v-model="ruleForm.gcl_bz" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="蓄水池（座）" prop="gcl_xsc">
                                        <el-input v-model="ruleForm.gcl_xsc" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="农用井（口）" prop="gcl_nyj">
                                        <el-input v-model="ruleForm.gcl_nyj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="农用桥、涵（座）" prop="gcl_nyq">
                                        <el-input v-model="ruleForm.gcl_nyq" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="灌、排（渠）、管道（千米）" prop="gcl_gd">
                                        <el-input v-model="ruleForm.gcl_gd" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="高压输配电线路（千米）" prop="gcl_gyxl">
                                        <el-input v-model="ruleForm.gcl_gyxl" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="低压输电线路（千米）" prop="gcl_dyxl">
                                        <el-input v-model="ruleForm.gcl_dyxl" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="田间道路工程量（千米）" prop="gcl_tjdl">
                                        <el-input v-model="ruleForm.gcl_tjdl" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                        </div>
                    </el-tab-pane>

                    <!-- 实际成效 -->
                    <el-tab-pane>
                        <span slot="label" class="tabPaneJhxz"><font class="lableFont"> 实际成效</font></span>
                        <div style="height: 8px"></div>
                        <div class="app-container">
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="新增和改善农田灌溉面积" prop="cx_xzggmj">
                                        <el-input v-model="ruleForm.cx_xzggmj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="新增和改善农田防涝面积" prop="cx_xzflmj">
                                        <el-input v-model="ruleForm.cx_xzflmj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="新增和改善节水灌溉面积" prop="cx_xzjsmj">
                                        <el-input v-model="ruleForm.cx_xzjsmj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="水土流失治理面积" prop="cx_lsmj">
                                        <el-input v-model="ruleForm.cx_lsmj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="废弃居民点复垦面积" prop="cx_jmdfkmj">
                                        <el-input v-model="ruleForm.cx_jmdfkmj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="工矿废弃地复垦面积" prop="cx_gkfkmj">
                                        <el-input v-model="ruleForm.cx_gkfkmj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="项目区建设前耕地平均质量等级" prop="cx_jsqdj">
                                        <el-input v-model="ruleForm.cx_jsqdj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="项目区建设后耕地平均质量等级" prop="cx_jshdj">
                                        <el-input v-model="ruleForm.cx_jshdj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="新增粮食产能（公斤）" prop="cx_cn">
                                        <el-input v-model="ruleForm.cx_cn" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="农民年人均新增纯收入（元）" prop="cx_sr">
                                        <el-input v-model="ruleForm.cx_sr" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="迁村并点减少的村庄数量" prop="cx_czs">
                                        <el-input v-model="ruleForm.cx_czs" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="项目区受益人数（人）" prop="cx_sys">
                                        <el-input v-model="ruleForm.cx_sys" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                        </div>
                    </el-tab-pane>

                    <!-- 权属管理信息 -->
                    <el-tab-pane>
                        <span slot="label" class="tabPaneJhxz"><font class="lableFont"> 权属管理信息</font></span>
                        <div style="height: 8px"></div>
                        <div class="app-container">
                            <el-row>
                                <el-col :span="24">
                                    <el-form-item label="活动性质" prop="qs_type">
                                        <el-checkbox-group v-model="ruleForm.qs_type">
                                            <el-checkbox label="农村集体土地所有权" name="qs_type"></el-checkbox>
                                            <el-checkbox label="国有土地所有权" name="qs_type"></el-checkbox>
                                            <el-checkbox label="土地承包经营权" name="qs_type"></el-checkbox>
                                            <el-checkbox label="建设用地使用权（不包括宅基地）" name="qs_type"></el-checkbox>
                                            <el-checkbox label="宅基地使用权" name="qs_type"></el-checkbox>
                                            <el-checkbox label="土地他项权利" name="qs_type"></el-checkbox>
                                        </el-checkbox-group>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="农村集体土地所有权涉及的土地面积" prop="qs_ncjttd">
                                        <el-input v-model="ruleForm.qs_ncjttd" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="国有土地所有权涉及的土地面积" prop="qs_gytd">
                                        <el-input v-model="ruleForm.qs_gytd" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="土地承包经营权涉及的土地面积" prop="qs_tdcb">
                                        <el-input v-model="ruleForm.qs_tdcb" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="建设用地使用权涉及的土地面积" prop="qs_jsyd">
                                        <el-input v-model="ruleForm.qs_jsyd" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="宅基地使用权涉及的土地面积" prop="qs_zjd">
                                        <el-input v-model="ruleForm.qs_zjd" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="土地他项权利涉及的土地面积" prop="qs_tdtx">
                                        <el-input v-model="ruleForm.qs_tdtx" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="权属调整权涉及的总面积" prop="qs_qstzzmj">
                                        <el-input v-model="ruleForm.qs_qstzzmj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="权属调整实施主体" prop="qs_qssszt">
                                        <el-input v-model="ruleForm.qs_qssszt" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="权属调整涉及的土地所有权总面积" prop="qs_qstzsyqzmj">
                                        <el-input v-model="ruleForm.qs_qstzsyqzmj" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="权属调整涉及的土地使用权总面积" prop="qs_qstzsyqzmj1">
                                        <el-input v-model="ruleForm.qs_qstzsyqzmj1" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="权属调整权涉及的土地比例（%）" prop="qs_qstzbl">
                                        <el-input v-model="ruleForm.qs_qstzbl" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="土地权属调整比例（%）" prop="qs_tdqstzbl">
                                        <el-input v-model="ruleForm.qs_tdqstzbl" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="12">
                                    <el-form-item label="整治前田块数量（个）" prop="qs_zzqtk">
                                        <el-input v-model="ruleForm.qs_zzqtk" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                                <el-col :span="12">
                                    <el-form-item label="整治后田块数量（个）" prop="qs_zzhtk">
                                        <el-input v-model="ruleForm.qs_zzhtk" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                            <el-row>
                                <el-col :span="24">
                                    <el-form-item label="田块归并度（%）" prop="qs_gbd">
                                        <el-input v-model="ruleForm.qs_gbd" style="width: 90%"></el-input>
                                    </el-form-item>
                                </el-col>
                            </el-row>
                        </div>
                    </el-tab-pane>
                </el-tabs>
                <br />
                <el-row>
                    <el-col :span="24" style="text-align: center">
                        <el-button @click="getList()" class="bthNormal">保存</el-button>
                        <el-button @click="getList()" class="bthNormal">关闭</el-button>
                    </el-col>
                </el-row>
            </el-form>
        </div>
    </form>
</template>

<script>
export default {
    data() {
        var checkNum = (rule, value, callback) => {
            if (!value) {
                return callback(new Error('数字不能为空'));
            }
            if (isNaN(value)) {
                return callback(new Error('请输入数字值'));
            }
            callback();
        };
        return {
            ruleForm: {
                // 基本信息
                xmname: '',
                xtbah: '',
                ysdate: '',
                ysdw: '',
                yswh: '',
                sfsl: '',
                sflqz: '',
                sfzly: '',
                blxmmc: '',
                blztfl: '',
                sytfl: '',
                ftje: '',
                // 实际工程量
                gcl_tdpz: '0',
                gcl_tfgcl: '0',
                gcl_ntbh: '0',
                gcl_bz: '0',
                gcl_xsc: '0',
                gcl_nyj: '0',
                gcl_nyq: '0',
                gcl_gd: '0',
                gcl_gyxl: '0',
                gcl_dyxl: '0',
                gcl_tjdl: '0',
                // 实际成效
                cx_xzggmj: '0',
                cx_xzflmj: '0',
                cx_xzjsmj: '0',
                cx_lsmj: '0',
                cx_jmdfkmj: '0',
                cx_gkfkmj: '0',
                cx_jsqdj: '',
                cx_jshdj: '',
                cx_cn: '0',
                cx_sr: '0',
                cx_czs: '0',
                cx_sys: '0',
                //权属管理信息
                qs_type: [],
                qs_ncjttd: '0',
                qs_gytd: '0',
                qs_tdcb: '0',
                qs_jsyd: '0',
                qs_zjd: '0',
                qs_tdtx: '0',
                qs_qstzzmj: '0',
                qs_qssszt: '',
                qs_qstzsyqzmj: '0',
                qs_qstzsyqzmj1: '0',
                qs_qstzbl: '0',
                qs_tdqstzbl: '0',
                qs_zzqtk: '0',
                qs_zzhtk: '0',
                qs_gbd: '0',
                //实际投资信息
                tz_ztz: '0',
                tz_dfzj: '0',
                tz_zyfc: '0',
                tz_dffc: '0',
                tz_kkf: '0',
                tz_bczj: '0',
                tz_crsr: '0',
                tz_tdfkf: '0',
                tz_ywrtz: '0',
                tz_qtzj: '0',
                //实际建设信息
                js_zgm: '0',
                js_kfgm: '0',
                js_zjgm: '0',
                js_jbntgm: '0',
                js_fkgm: '0',
                js_zhhfmj: '0',
                js_gbznlgm: '0',
                js_gbzssnd: '',
                js_gbzjstj: '',
                js_phmj: '0',
                js_stmj: '0',
                js_hdmj: '0',

                js_1zyfc: '0',
                js_1tdcr: '0',
                js_1dflc: '0',
                js_1ywrtz: '0',
                js_1tdfkf: '0',
                js_1qtzj: '0',
                js_1gdkkf: '0',
                js_1zxbc: '0',

                js_2gdmj: '0',
                js_2zldb: '0',
                js_2stmj: '0',
                js_2stdj: '',
                js_2htmj: '0',
                js_2htdj: '',
                js_2sjdmj: '0',
                js_2cjzb: '0',
                js_2jxzmj: '0',

                js_3gzmj: '0',
                js_3hzsmj: '0',
                js_3gzqstmj: '0',
                js_3gzqstdj: '',
                js_3gzhstmj: '0',
                js_3gzhstdj: '',
                js_3gzqhdmj: '0',
                js_3gzqhddj: '',
                js_3gzhhdmj: '0',
                js_3gzhhddj: '',
                js_3gzqpjdj: '0',
                js_3gzhpjdj: '0',
                js_3sjdmj: '0',
                js_3cnzb: '0'
            },
            rules: {
                xmname: [
                    { required: true, message: '请输入项目名称', trigger: 'blur' }
                    // { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' }
                ],
                ysdate: [{ required: true, message: '请选择验收日期', trigger: 'blur' }],
                ysdw: [{ required: true, message: '请填写验收单位', trigger: 'blur' }],
                yswh: [{ required: true, message: '请填写验收文号', trigger: 'blur' }],
                sfzly: [{ required: true, message: '请选择是否属于耕作层剥离再利用项目', trigger: 'blur' }],
                blztfl: [{ validator: checkNum, trigger: 'blur' }],
                sytfl: [{ validator: checkNum, trigger: 'blur' }],
                ftje: [{ validator: checkNum, trigger: 'blur' }],
                //实际工程量
                gcl_gd: [{ required: true, validator: checkNum, trigger: 'blur' }],
                gcl_tjdl: [{ required: true, validator: checkNum, trigger: 'blur' }],
                //实际成效
                cx_jsqdj: [{ required: true, message: '请填写项目前建设后耕地平均质量等级', trigger: 'blur' }],
                cx_jshdj: [{ required: true, message: '请填写项目区建设后耕地平均质量等级', trigger: 'blur' }],
                //权属管理信息
                qs_type: [{ type: 'array', required: true, message: '请至少选择一个活动性质', trigger: 'change' }],
                qs_ncjttd: [{ validator: checkNum, trigger: 'blur' }],
                qs_gytd: [{ validator: checkNum, trigger: 'blur' }],
                qs_tdcb: [{ validator: checkNum, trigger: 'blur' }],
                qs_jsyd: [{ validator: checkNum, trigger: 'blur' }],
                qs_zjd: [{ validator: checkNum, trigger: 'blur' }],
                qs_tdtx: [{ validator: checkNum, trigger: 'blur' }],
                qs_qstzzmj: [{ validator: checkNum, trigger: 'blur' }],
                qs_qstzsyqzmj: [{ validator: checkNum, trigger: 'blur' }],
                qs_qstzsyqzmj1: [{ validator: checkNum, trigger: 'blur' }],
                qs_qstzbl: [{ validator: checkNum, trigger: 'blur' }],
                qs_tdqstzbl: [{ validator: checkNum, trigger: 'blur' }],
                qs_zzqtk: [{ validator: checkNum, trigger: 'blur' }],
                qs_zzhtk: [{ validator: checkNum, trigger: 'blur' }],
                qs_gbd: [{ validator: checkNum, trigger: 'blur' }],
                //实际投资信息
                tz_ztz: [{ required: true, validator: checkNum, trigger: 'blur' }],
                tz_dfzj: [{ validator: checkNum, trigger: 'blur' }],
                tz_zyfc: [{ validator: checkNum, trigger: 'blur' }],
                tz_dffc: [{ validator: checkNum, trigger: 'blur' }],
                tz_kkf: [{ validator: checkNum, trigger: 'blur' }],
                tz_bczj: [{ validator: checkNum, trigger: 'blur' }],
                tz_crsr: [{ validator: checkNum, trigger: 'blur' }],
                tz_tdfkf: [{ validator: checkNum, trigger: 'blur' }],
                tz_ywrtz: [{ validator: checkNum, trigger: 'blur' }],
                tz_qtzj: [{ validator: checkNum, trigger: 'blur' }],
                //实际建设信息
                js_zgm: [{ required: true, validator: checkNum, trigger: 'blur' }],
                js_kfgm: [{ validator: checkNum, trigger: 'blur' }],
                js_zjgm: [{ validator: checkNum, trigger: 'blur' }],
                js_jbntgm: [{ validator: checkNum, trigger: 'blur' }],
                js_fkgm: [{ validator: checkNum, trigger: 'blur' }],
                js_zhhfmj: [{ validator: checkNum, trigger: 'blur' }],
                js_gbznlgm: [{ validator: checkNum, trigger: 'blur' }],
                js_phmj: [{ validator: checkNum, trigger: 'blur' }],
                js_stmj: [{ validator: checkNum, trigger: 'blur' }],
                js_hdmj: [{ validator: checkNum, trigger: 'blur' }],

                js_1zyfc: [{ validator: checkNum, trigger: 'blur' }],
                js_1tdcr: [{ validator: checkNum, trigger: 'blur' }],
                js_1dflc: [{ validator: checkNum, trigger: 'blur' }],
                js_1ywrtz: [{ validator: checkNum, trigger: 'blur' }],
                js_1tdfkf: [{ validator: checkNum, trigger: 'blur' }],
                js_1qtzj: [{ validator: checkNum, trigger: 'blur' }],
                js_1gdkkf: [{ validator: checkNum, trigger: 'blur' }],
                js_1zxbc: [{ validator: checkNum, trigger: 'blur' }],

                js_2gdmj: [{ validator: checkNum, trigger: 'blur' }],
                js_2zldb: [{ validator: checkNum, trigger: 'blur' }],
                js_2stmj: [{ validator: checkNum, trigger: 'blur' }],
                js_2htmj: [{ validator: checkNum, trigger: 'blur' }],
                js_2sjdmj: [{ validator: checkNum, trigger: 'blur' }],
                js_2cjzb: [{ validator: checkNum, trigger: 'blur' }],
                js_2jxzmj: [{ validator: checkNum, trigger: 'blur' }],

                js_3gzmj: [{ validator: checkNum, trigger: 'blur' }],
                js_3hzsmj: [{ validator: checkNum, trigger: 'blur' }],
                js_3gzqstmj: [{ validator: checkNum, trigger: 'blur' }],
                js_3gzhstmj: [{ validator: checkNum, trigger: 'blur' }],
                js_3gzqhdmj: [{ validator: checkNum, trigger: 'blur' }],
                js_3gzhhdmj: [{ validator: checkNum, trigger: 'blur' }],
                js_3gzqpjdj: [{ validator: checkNum, trigger: 'blur' }],
                js_3gzhpjdj: [{ validator: checkNum, trigger: 'blur' }],
                js_3sjdmj: [{ validator: checkNum, trigger: 'blur' }],
                js_3cnzb: [{ validator: checkNum, trigger: 'blur' }]

                // xmlocation: [{ required: true, message: '请填写项目区位', trigger: 'change' }],
                // jhjsztz: [{ required: true, validator: checkNum, trigger: 'blur' }],

                // 项目名称" prop="xmname" style="width: 96%">
                // 部系统备案号" prop="xtbah">
                // 验收日期" prop="ysdate">
                // 验收单位" prop="ysdw">
                // 验收文号" prop="yswh">
                // 是否涉林" prop="sfsl">
                // 是否发布林权证" prop="sflqz">
                // 是否属于耕作层剥离再利用项目" prop="sfzly">
                // 剥离的建设项目名称" prop="blxmmc">
                // 建设项目剥离的总土方量（立方米）" prop="blztfl">
                // 该项目使用的土方量（立方米）" prop="sytfl">
                //  覆土所涉资金" prop="ftje">
            }
        };
    },
    created() {
        this.init();
    },
    watch: {
        //监听
        $route(to, from) {
            //路由变化方式，路由发生变化，方法就会执行
            this.init();
        }
    },
    methods: {
        init() {
            //判断路径有id值,做修改
            if (this.$route.query && this.$route.query.id) {
                //从路径获取id值
                const id = this.$route.query.id;
                //调用根据id查询的方法
                this.getInfo(id);
            } else {
                //路径没有id值，做添加
                //清空表单
                this.information = {};
            }
        },
        saveOrUpdate() {
            //判断修改还是添加
            //根据teacher是否有id
            if (!this.information.id) {
                //添加
                this.onSubmit();
            } else {
                alert('sss');
                //修改
                this.update();
            }
        },
        onSubmit() {
            label.save(this.information).then((Response) => {
                this.$message({
                    type: 'success',
                    message: '添加成功!'
                });
            });
        },
        tonew() {
            this.information = {};
        },
        shutdown() {
            window.close();
        },
        getInfo(id) {
            label.openInfo(id).then((response) => {
                this.information = response.data;
            });
        },
        update() {
            label.updateInfo(this.$route.query.id, this.information).then((response) => {
                this.$message({
                    type: 'success',
                    message: '修改成功!'
                });
            });
        }
    }
};
</script>
<style>
.divider_top {
    margin: 0 0 0 0;
    background: 0 0;
    border-top: 1px solid #e6ebf5;
}
#id_tabs div.el-tabs__content {
    padding: 0;
}
.jsxx_title {
    font-family: '微软雅黑';
    color: #356cb3;
    font-size: 25px;
}
</style>